﻿@model Adventureworks.Web.Models.LogOnModel

@{
    ViewBag.Title = "Log On";
}

<h2>Log On</h2>
<p>
    Please enter your username and password. @Html.ActionLink("Register", "Register") if you don't have an account.
</p>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

<script type="text/javascript">
    $(function () {
        $('#btnLogin').click(function (e) {
            e.preventDefault();
            var username = $("#txtUserName").val();
            var password = $("#txtPassword").val();
            var isPersistent = $("#ckRememberMe").attr("checked");
            var customInfo = null;
            var redirectUrl = null;

            // Log them in.      alert("try login");     
            $.ajax({
                url: '@Url.Action( "LogOn", "Account" )',
                type: 'post',
                contentType: "application/json; charset=utf-8",
                dataType: 'json',
                data: "{ 'username': '" + username + "', 'password':'" + password + "', 'isPersistent': '" + isPersistent + "'}",
                success: onLoginComplete,
                error: onError
            });

            alert("made it here");
        });
    });

    function onLoginComplete(result) {
        $("#header_logon").html('<br /><br />Welcome <b>supertigerzou</b>![ <a href="/Account/LogOff">Log Off</a> ]');                
    }

    function onError(result) {
        $('#loginFailed').show();  
    } 
</script>

@Html.ValidationSummary(true, "Login was unsuccessful. Please correct the errors and try again.")

@*@using (Html.BeginForm()) {*@
    <div>
        <fieldset>
            <legend>Account Information</legend>

            <div class="editor-label">
                @Html.LabelFor(m => m.UserName)
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.UserName, new Dictionary<string, object> { {"id", "txtUserName"} })
                @Html.ValidationMessageFor(m => m.UserName)
            </div>

            <div class="editor-label">
                @Html.LabelFor(m => m.Password)
            </div>
            <div class="editor-field">
                @Html.PasswordFor(m => m.Password, new Dictionary<string, object> { { "id", "txtPassword" } })
                @Html.ValidationMessageFor(m => m.Password)
            </div>

            <div class="editor-label">
                @Html.CheckBoxFor(m => m.RememberMe, new Dictionary<string, object> { { "id", "ckRememberMe" } })
                @Html.LabelFor(m => m.RememberMe)
            </div>

            <p>
                <input type="button" id="btnLogin" @*type="submit"*@ value="Log On" />
            </p>
        </fieldset>
    </div>
@*}*@
